<script setup lang="ts">
import {onMounted, ref} from "vue";
  import {notice} from "@/api/platform";

  let noticeContent = ref('')
  let totalNoticeCount = ref(0)
  onMounted(async () => {
    const response = await notice();
    noticeContent.value = response.data.content
    totalNoticeCount.value = response.data.total
  });
</script>

<template>
<div class="notice-wrap">
  <van-notice-bar
      left-icon="volume-o"
      color="#293852"
      background="#FFFFFF"
      :text="noticeContent"
  >
    <template #right-icon>
      <van-tag type="primary" color="#f1f3fe" text-color="#6d88dd" size="medium">3</van-tag>
    </template>
  </van-notice-bar>
</div>
</template>

<script lang="ts">
export default {
  name: "notice"
}
</script>

<style scoped>

</style>